import React from "react";
import {StudyUseContext} from "./study-use-context";
import './index.css';
import {StudyUseState} from "./study-use-state";

export const HooksScreen = () => {
	return (<div>
		<h1>学习hooks</h1>
		<ul>
			<li>useState()</li>
			<StudyUseState></StudyUseState>
			<li>useEffect()</li>
			<li>useContext():共享状态钩子</li>
			<StudyUseContext/>
			<li>useReducer()</li>
		</ul>
	</div>)
}
